function showTip(msg, type){
    var $tip = $('#tip');
    $tip.attr('class', 'alert alert-' + type).text(msg).css('margin-left', $tip.outerWidth() / 2).fadeIn(500).delay(1000).fadeOut(500);
}

function showSuccess(msg) {
    showTip(msg, 'success');
}

function showMsg(msg) {
    showTip(msg, 'info');
}

function showWarning(msg){
    showTip(msg, 'warning');
}

function showFail(msg){
    showTip(msg, 'danger');
}

function showRightTip(id, msg){
    var $id_tip = $('#' + id + '_tip');
    var $id_input = $('#' + id);

    var l = $id_input.offset().left + 290;
    var t = $id_input.offset().top;

    $id_tip.css('left', l + 'px');
    $id_tip.css('top', t + 'px');
    $id_tip.text(msg);
    $id_tip.show();
}

function cancelTip(id){
    $('#' + id + '_tip').hide();
}